<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>
</head>
<body style="padding: 6px;">
<div th:replace="~{common-page/header.html :: myheader}"></div>

<style>
    * { margin: 0; padding: 0; list-style: none; box-sizing: border-box; -webkit-appearance: none; }
    #container {
        max-width: 500px;
        padding: 20px;
        border: 1px solid #ccc;
        margin: 0 auto;
        text-align: center;
    }
    input{
        display: block;
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        font-size: 20px;
    }
</style>
<br><br>
<div id="container">
    <h1>注册</h1> <br>
    <form action="/register" method="post">
        <input type="text" name="username" placeholder="用户名">
        <input type="password" name="password" placeholder="密码">
        <br>
        <p th:text="${error}"  style="color: red;"></p>
        <br>
        <button type="submit"  style="font-size: 18px; padding: 5px; width: 200px;">注册</button>
    </form>
    <br><br>
    <p>有账号？<a href="/login">登录</a></p>
</div>





<!--<a href="/register">注册</a>-->
<!--<a href="/home">主页</a>-->
<!--<a href="/about">关于我们</a>-->
<!--<a href="/contact">联系我们</a>-->


</body>
</html>